// 目标：使用React创建界面
/**
 * 1. 导入依赖包：react和react-dom
 *    说明：
 *        react负责创建react元素，也就是创建虚拟DOM
 *        react-dom负责将创建的虚拟DOM，渲染到页面中
 *
 *    语法：
 *        React.createElement('标签类型', {标签属性: 属性值}, 标签内容)
 *        ReactDOM.render(创建的react元素, 挂载点)
 *
 * 2. 创建React元素(虚拟DOM)
 * 3. 将React元素渲染到界面中
 */

// 1. 导入依赖包：react和react-dom
import React from 'react';
import ReactDOM from 'react-dom';

// 2. 创建React元素
const title = React.createElement(
  'h1',
  { id: 'aaa', title: 'bbb' },
  'hello React'
);

console.log('title', title);

// 3. 将React元素渲染到界面中
ReactDOM.render(title, document.getElementById('root'));
